<template>
    <n-card style="width: 100%; height: 100%">
        <n-flex
            align="center"
            justify="center"
            style="width: 100%; height: 100%"
        >
            <n-result
                :status="exception.status"
                :title="exception.title"
                :description="exception.description"
                :size="exception.size"
            />
        </n-flex>
    </n-card>
</template>

<script setup lang="ts">
import { useGlobalStore } from '@/store'
import { storeToRefs } from 'pinia'

const globalStore = useGlobalStore()
const { exception } = storeToRefs(globalStore)
</script>
